﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="__HUI__/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="__HUIADMIN__/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="__HUILIB__/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="__HUIADMIN__/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="__HUIADMIN__/css/style.css" />
<link rel="stylesheet" href="__HUILIB__/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
<title>产品分类</title>
</head>
<body>
<table class="table">
	<tr>
		<td width="200" class="va-t"><ul id="treeDemo" class="ztree"></ul></td>
		<td class="va-t">
		<iframe ID="testIframe" Name="" FRAMEBORDER=0 SCROLLING=AUTO width=100%  height=390px SRC="{:url('admin/privilege/permissionTypeAdd')}"></iframe>

		</td>
	</tr>
</table>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="__HUILIB__/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__HUILIB__/layer/2.4/layer.js"></script>
<script type="text/javascript" src="__HUI__/js/H-ui.min.js"></script>
<script type="text/javascript" src="__HUIADMIN__/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__HUILIB__/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript">
function ajaxAdd(){
    $.ajax({
        type:'post',
        url:'<?php echo url('admin/privilege/permissionTypeAdd');?>',
        dataType:'json',
        data:{parentid:$("#parentId").val(),pname:$("#pName").val(),cname:$("#cName").val(),mname:$("#mName").val(),aname:$("#aName").val()},
        success:function(data){
            layer.msg(data,{icon: 6,time:1000});
        },
        error:function(data){
            layer.msg(data,{icon: 5,time:1000});
        }
        })
    }
 var setting = {
 	view: {
 		dblClickExpand: false,
 		showLine: false,
 		selectedMulti: false,

	},
 	edit:{
 		drag:{
 			isMove:true,
 			inner:true,
 		},
 	},
 	data: {
 		simpleData: {
 			enable:true,
 			idKey: "id",
 			pIdKey: "pId",
 			rootPId: ""
 		}
 	},
 	callback: {
 		 beforeClick: function(treeId, treeNode) {
 		 	var pId=document.getElementById('testIframe').contentWindow.document.getElementById("parentId").value=treeNode.id;
      var pIdShow=document.getElementById('testIframe').contentWindow.document.getElementById("parentIdShow").value=treeNode.name;
 		 },
		 afterClick:function(){
			 // var docu=document.getElementById('testIframe').contentWindow.document;
			 // var docu.getElementById("parentId").value="";
			 // var docu.getElementById("parentShow").value="";
			 // var docu.getElementById("pName").value="";
			 // var docu.getElementById("cName").value="";
			 // var docu.getElementById("aName").value="";
			 // var docu.getElementById("mName").value="";
		 }
 	}
 };


 var zNodes=[{id:0,pId:-1,name:'顶级权限',open:true}];

 var code;

 function showCode(str) {
 	if (!code) code = $("#code");
 	code.empty();
 	code.append("<li>"+str+"</li>");
 }

 $(document).ready(function(){

  // console.log(zNodes);
			$.ajax({
				type:'post',
				url:'<?php echo url('admin/Privilege/permissionTypeList');?>',
				dataType:'json',
				async:false,
 				success:function(data){

					data=eval(data);

					data.forEach(function(arg,index){

						if(arg['parentid']===0&&!arg.isFor){
							zNodes.push({id:arg['pid'],pId:arg['parentid'],name:arg['pname'],open:true});
							arg.isFor=true;
						}

						 var parentId=arg['pid'];
						 	function searchChild(parentId){

 						 		data.forEach(function(arg1,index1){
 								if(parentId===arg1['parentid']&&!arg1.isFor){

											arg1.isFor=true;

 						 				zNodes.push({id:arg1['pid'],pId:arg1['parentid'],name:arg1['pname']});


										searchChild(arg1['pid']);

 									}

 						 		})
 						 	}
 					 	 	searchChild(parentId);
 				 			})

 					},
				error:function(data){
 					layer.msg(data,{icon: 5,time:1000});
 				}
 			});

 	var t = $("#treeDemo");
 	 t = $.fn.zTree.init(t, setting, zNodes);

 	/*demoIframe = $("#testIframe");
	var zTree = $.fn.zTree.getZTreeObj("tree");*/
 });

        // function beforeClick(treeId, treeNode) {

        // }


</script>
</body>
</html>
